.m-date {
  .mask-layer {
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 10070;
    background-color: var(--transparency);
  }

  .m-data-picker {
    position: fixed;
    margin: auto;
    bottom: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 500rpx;
    max-height: 250px;
    width: 100%;
    z-index: 10071;
    background-color: $fff;

    .btn {
      display: flex;
      justify-content: space-between;
      padding: 0 10px;
      padding-top: 10px;

      .cancel {
        color: var(--primary-text-label);
      }

      .confirm {
        color: var(--primary);
      }
    }

    picker-view {
      width: 100%;
      height: 100%;
      margin-top: 20rpx;
    }

    .item {
      line-height: 40px;
      text-align: center;
    }
  }
}
